/**
 *  Created by Been on 2017-12-01.
 */
.favour-tab {
  padding: 18px 0;
  font-size: 0;
  border-bottom:1px solid rgba(7,17,27,.1);
  span {
    display: inline-block;
    margin-right: 8px;
    padding: 8px 12px;
    font-size: 12px;
    border-radius: 2px;
    background: rgba(77,85,93,.2);
    &.favour-tab-active{
      color:#fff;
      background: rgb(0,160,220);
    }
    i{
      font-style:normal;
      font-size:10px;
    }
  }
}
.favour-filter{
  padding:12px 0;
  color:rgb(147,153,159);
  line-height:24px;
  span{
    font-size:12px;
    vertical-align: middle;
  }
  i{
    margin-right:4px;
    font-size:24px;
    vertical-align: middle;
    &.favour-duihao-active{
      color:rgb(0,160,220);
    }
  }
}
.favour-listWrap{
  border-top:1px solid rgba(7,17,27,.1);
  li{
    border-bottom:1px solid rgba(7,17,27,.1);
    color:rgb(147,153,159);
    padding:6px 0;
    .favour-userWrap{
      height:12px;
      line-height:12px;
      font-size:10px;
      margin-bottom:6px;
      .favour-time{
        float:left;
      }
      .favour-user{
        float: right;
        padding:0 12px;
        img{
          width:12px;
          height:12px;
          border-radius: 50%;
          margin-left:6px;
        }
      }
    }
    .favour-estimate{
      i{
        font-size:12px;
        line-height:24px;
        margin-right:4px;
        vertical-align: middle;
        &.icon-zan{
          color:rgb(0,160,220);
        }
      }
      span{
        font-size:12px;
        color:rgb(7,17,27);
        line-height:16px;
        vertical-align: middle;
      }
    }
  }
}
